/**
 * var dupNode = node.cloneNode(deep);用来表示是否复制节点
 * node:将要被克隆的节点
 * dupNode:克隆生成的副本节点
 * deep 可选,是否采用深度克隆,如果为true,则该节点的所有后代节点也都会被克隆,如果为false,则只克隆该节点本身.
 **/
var sourceNode = document.getElementById("div-0"); // 获得被克隆的节点对象
for (var i = 1; i < 5; i++) {
    var clonedNode = sourceNode.cloneNode(true); // 克隆节点
    clonedNode.setAttribute("id", "div-" + i); // 修改一下id 值，避免id 重复
    sourceNode.parentNode.appendChild(clonedNode); // 在父节点插入克隆的节点
}

//实例一：添加事件
var elem=document.getElementById('myid');
//1.倘若放在dom节点属性onclick方法上，复制节点会复制出事件,新生成的dom也会附带上click事件
function sayHi(){
    console.log('say  hi');
}
document.body.appendChild(elem.cloneNode(true))
